<template>
    <div class="index">
        <el-container>
            <el-header>
                <Nav></Nav>
            </el-header>
            <el-main>
                <div class="mainBox">
                    <div style="height:2000px"></div>
                    <router-view/>
                </div>
            </el-main>
            <el-footer></el-footer>   
        </el-container>
    </div>
</template>
<script>
import Nav from "../components/Nav";
export default {
    name:'index',
    components:{
        Nav,
    }
}
</script>

<style scoped>
.index{
    width:1110px;
    margin:0 auto;
}
@media only screen and (max-width:1110px){
    .index{
        width:100%;
    }
}
.mainBox{
    width:100%;
    height:auto;
    border:1.5px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 5px 10px #ccc;
}
</style>